<!-- 文档查询结果列表 -->
<template>
	<view>
		<van-list v-model="loading" :finished="finished" @load="load">
			<van-cell center v-for="item in newsList" :title="item.title" :label="'公文类型：'+item.type" :value="item.date"
				to="/pages/caac/receive/receiveDocDetail" value-class="text-sm">
			</van-cell>
		</van-list>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				newsList: [{
						title: '民用航空空中交通通信导',
						type: '注办审核',
						date: '2021-04-19'
					},
					{
						title: '民航局政府网站2021年',
						type: '注办审核',
						date: '2021-04-19'
					},
					{
						title: '民航局待处理收文',
						type: '注办审核',
						date: '2021-04-19'
					},
					{
						title: '民航局待处理收文',
						type: '注办审核',
						date: '2021-04-19'
					},
					{
						title: '民航局待处理收文',
						type: '注办审核',
						date: '2021-04-19'
					},
					{
							title: '民用航空空中交通通信导',
							type: '注办审核',
							date: '2021-04-19'
						},
						{
							title: '民航局政府网站2021年',
							type: '注办审核',
							date: '2021-04-19'
						},
						{
							title: '民航局待处理收文',
							type: '注办审核',
							date: '2021-04-19'
						},
						{
							title: '民航局待处理收文',
							type: '注办审核',
							date: '2021-04-19'
						},
						{
							title: '民航局待处理收文',
							type: '注办审核',
							date: '2021-04-19'
						},
				],
				loading: false,
				finished: false,
			}
		},
		methods: {
			onReady() {},
			load() {
				// 异步更新数据
				// setTimeout 仅做示例，真实场景中一般为 ajax 请求
				setTimeout(() => {
					// for (let i = 0; i < 10; i++) {
					// 	this.newsList.push(this.newsList.length + 1);
					// }

					// 加载状态结束
					this.loading = false;

					// 数据全部加载完成
					if (this.newsList.length >= 5) {
						this.finished = true;
					}
				}, 100);
			},
		},
	}
</script>

<style>
</style>
